سون لرن • آموزش

ساخت وبلاگ

آخرین مطالب

امکانات وب

Multiple Background Images : استفاده از گرادیان برای بهبود تجربه کاربری

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما آموزش میده که چطور برای کسانی که سرعت اینترنت ضعیفی دارند، لود شدن تصاویرتون رو بهینه تر کنید و تا زمانی که تصویر به صورت کامل لود نشدند، یک گرادیان شبیه به تصویر جای اون نمایش بدین تا کاربران خیلی کمبود تصویر رو حس نکنند. برای شروع وارد س سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 322 تاريخ : يکشنبه 28 خرداد 1396 ساعت: 15:47

آموزش ویژگی های ECMAScript 6 (جلسه 1) : تاریخچه Javascript

0 28 ۲۶ خرداد ۹۶ خب بالاخره وقت اون فرا رسید که ویژگی های اضافه شده به javascript در ES6 رو با هم بررسی کنیم و یاد بگیریم. در این نسخه از Javascript امکاناتی اضافه شد که در زمینه های مختلف کار رو برای ما راحت میکنن و میتونیم کاری که قبلا بصورت ترفند انجام میدادیم، بصورت مستقیم و استاندارد انجام ب سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 335 تاريخ : يکشنبه 28 خرداد 1396 ساعت: 15:47

کدهای جذاب و دیدنی ( CSS only scroll indicator ) : ساخت نشانگر موقعیت اسکرول با CSS

در این قسمت میخوام یک کد ( CSS only scroll indicator ) جالب رو در اختیارتون بزارم. همونطور که دیدید با اسکرول کردن به پایین و بالا، با توجه به موقعیتی که اسکرول داره، خط مربوطه هم کم و زیاد میشه و اگر به پایان صفحه برسید، این خط نیز به انتها میرسه. این کار توسط CSS خالص انجام شده و از Javascript اس سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 304 تاريخ : يکشنبه 28 خرداد 1396 ساعت: 15:47

reshake : قابلیت لرزش المنتها برای کتابخانه React

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون از ابزار CSShake استفاده شده و جزء یا Component رو برای React به وجود آورده که با استفاده از اون میتونین المنتهای مورد نظرتون رو به راحتی مورد لرزشهای مختلف قرار بدین و با استفاده از اون توجه کاربر رو به قسمتی از سایتتون جلب کنید. برای شروع وارد سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 302 تاريخ : شنبه 27 خرداد 1396 ساعت: 8:15

کدهای جذاب و دیدنی ( Audio effect ) : لودر زیبا با افکت پخش صدا

در این قسمت میخوام یک کد ( Audio effect ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت پخش شدن صدا و موزیک قرار داده شده و میتونین از اون درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 318 تاريخ : شنبه 27 خرداد 1396 ساعت: 8:15

responsive-images : آموزش واکنشگرا کردن تصاویر با CSS

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل روشهایی که در CSS در رابطه با واکنشگرا کردن تصاویر وجود داره رو بیان کرده و میتونین از اون استفاده کنید و بهتر و بهینه تر تصاویرتون رو واکنشگرا یا Responsive کنید. برای شروع وارد سایت responsive-images بشین. امیدوارم بدردتون بخوره. موف سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 306 تاريخ : شنبه 27 خرداد 1396 ساعت: 8:15

ECMAScript6 : آموزش مقدماتی در مورد ES6 یا ES2015

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی در مورد Ecmascript 6 یا Ecmascript 2015 قرار داده و با مطالعه اون میتونین با ویژگی های مهم این نسخه از ES آشنا بشید.

برای شروع وارد سایت ECMAScript6 بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 326 تاريخ : شنبه 27 خرداد 1396 ساعت: 8:15

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 9) : افکت Cartoon

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before {   box-sizing: border-box; } html {   font-size: 62.5%; } body {   font-size: 1.6rem;   font-family: sans-serif;   background-color: #ffffff;   -webkit-font-smoothing: antialiased;   -mo سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 336 تاريخ : شنبه 27 خرداد 1396 ساعت: 8:15

دوره مجازی چگونه می توانم ...؟‌ قالب وردپرس-جلسه 23-آشنایی با pre_get_posts و جستجوی پیشرفته

0 18 ۲۶ خرداد ۹۶ به نام خدا وسلام. در قالب های پیشرفته وردپرس مطمئنا فرم های پیشرفته برای جستجو وجود داره که جستجو بر اساس المان های مختلفی رو در اختیار کاربران قرار میده. در این جلسه قصد داریم با استفاده از pre_get_posts  و هم چنین WP_Query موارد لازم برای ساختن یک فرم جستجوی پیشرفته رو در اختیار سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 356 تاريخ : جمعه 26 خرداد 1396 ساعت: 20:33

آشنایی کامل با Hoisting در Javascript - قسمت آخر - Hoisting مربوط به کلاسها

0 61 ۲۳ خرداد ۹۶ در جلسه قبل قواعد Hoisting مربوط به توابع رو توضیح دادیم و شما رو با اونا آشنا کردیم. در این جلسه قصد داریم قواعد Hoisting مربوط به Class یا کلاسها در Javascript رو به شما آموزش بدیم و نکات مربوط به Hoisting رو به پایان برسونیم. همونطور که میدونین در ES5 خیلی بر روی برنامه نویسی سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 319 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 44) : متغیرهای CSS - قسمت 3

0 33 ۲۳ خرداد ۹۶ در جلسه گذشته در مورد تعریف و استفاده از متغیرهای CSS توضیحاتی داده شد و در مورد اولویت و ارث بری ویژگی ها نیز مثالهایی زده شد. در این جلسه قصد داریم نکات باقیمانده و ضروری در مورد متغیرهای CSS رو بیان کنیم و این موضوع رو به پایان برسونیم. نکات تکمیلی در مورد تابع var در جلسه گذش سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 316 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 7) : افکت Mirror

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before {   box-sizing: border-box; } html {   font-size: 62.5%; } body {   font-size: 1.6rem;   font-family: sans-serif;   background-color: #ffffff;   -webkit-font-smoothing: antialiased;   -mo سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 356 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

دوره مجازی angularjs - جلسه 5 -آموزش $watch و $watchCollection

0 92 ۲۴ خرداد ۹۶   به نام خدا و سلام. در برنامه های وب پیش میاد که در کدهای جاوا اسکریپت بخوایم تغییرات یک متغییر رو رصد کنیم و بر اساس اون تغییرات ومقادیر جدید و قبلی اون متغییر توابعی رو اجرا کنیم. در این جلسه ما با استفاده از $watch و $watchCollection این کارو انجام میدیم. این مطلب یک جلسه از د سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 322 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 8) : افکت Diamond

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before {   box-sizing: border-box; } html {   font-size: 62.5%; } body {   font-size: 1.6rem;   font-family: sans-serif;   background-color: #ffffff;   -webkit-font-smoothing: antialiased;   -mo سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 345 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

دوره مجازی ایلوستریتور - فصل چهارم (جلسه دوم)

0 31 ۲۶ خرداد ۹۶ در جلسه دوم از فصل چهارم دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک flat-island پروزه این جلسه : توضیحات : گرافیک گرافیک گرافیک، واژه ای که روزانه دست کم یک مورد وابسته با آنرا می بینیم و یا چیزی در مورد آن می شنویم. در دنیای امروزی جایی که بخش اعظمی از زندگی ما با تکنولوژ سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 343 تاريخ : جمعه 26 خرداد 1396 ساعت: 14:26

کدهای جذاب و دیدنی ( Gooey effect Loader ) : لودر زیبا با افکت چسبنده

در این قسمت میخوام یک کد ( Gooey effect Loader ) جالب رو دراختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت چسبنده یا همون Gooey معروف ساخته شده و میتونین از اون ایده بگیرید و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 339 تاريخ : چهارشنبه 24 خرداد 1396 ساعت: 18:36

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 43) : متغیرهای CSS - قسمت 2

0 26 ۲۲ خرداد ۹۶ در جلسه قبل مقدماتی رو در مورد متغیرهای CSS بیان کردیم و در این جلسه میخوایم این موضوع رو ادامه بدیم. با استفاده از متغیرها میتونین از انجام کارهای تکراری پرهیز کنید و میتونین برای مواقع همچون تغییر قالب و Theme از اون استفاده کنید و به سرعت رنگ کل سایت و المنتها رو عوض کنید و یا سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 314 تاريخ : چهارشنبه 24 خرداد 1396 ساعت: 18:36

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 6) : افکت Gooey

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before {   box-sizing: border-box; } html {   font-size: 62.5%; } body {   font-size: 1.6rem;   font-family: sans-serif;   background-color: #ffffff;   -webkit-font-smoothing: antialiased;   -mo سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 330 تاريخ : چهارشنبه 24 خرداد 1396 ساعت: 18:36

tdo : ابزار آنلاین Todo ساخته شده با React

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار آنلاین Todo یا لیست انجام کارها و وظایف، با استفاده از React ساخته شده و میتونین به راحتی با اون کار کنید. با استفاده از کیبورد به راحتی میتونین همه کارها رو مدیریت کنید و برای هر کار یک Shortcut وجود دارد. در بالا سایت، لینکهایی مثل Tut سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 356 تاريخ : چهارشنبه 24 خرداد 1396 ساعت: 18:36

آشنایی کامل با Hoisting در Javascript - قسمت 5 - Hoisting مربوط به توابع

0 39 ۲۱ خرداد ۹۶ در جلسه قبل شما رو با مکانیزم Hoisting در Ecmascript 6 آشنا و نکاتی که نیاز بود رو بیان کردیم. در این جلسه مکانیزم Hoisting رو برای توابع بررسی میکنیم و حالات مختلفی که ممکن هست برای توابع به وجود بیاد رو قرار میدیم. توابع در Javascript تقریبا در دو دسته زیر، طبقه بندی میشن: Func سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 301 تاريخ : سه شنبه 23 خرداد 1396 ساعت: 22:20

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه